<template>
  <div class="type-wrapper">
    <div class="name" v-if="name">{{name}}</div>
    <slot />
  </div>
</template>

<script>
export default {
  name: 'type-wrapper',
  props: {
    name: {
      type: String,
    },
  }
}
</script>

<style scoped>
.type-wrapper{
  display: flex;
  align-items: center;
}
.name{
  margin-right: 10px;
  width: 80px;
}
</style>